* {
    padding   : 0;
    margin    : 0;
    box-sizing: border-box;
}

/* 多边形旋转 */
@keyframes shapRound {
    0% {
        opacity  : 0;
        transform: scale(0) rotate(0deg);
    }

    3% {
        opacity  : 1;
        transform: scale(1) rotate(480deg);
    }

    90% {
        opacity      : 0.8;
        transform    : scale(1.5) rotate(1000deg);
        border-radius: 0px;
        border-width : 1px;
    }

    100% {
        opacity      : 0;
        border-radius: 1000px;
        border-width : 5px;
        transform    : scale(6) rotate(2100deg);
    }
}

/* 多边形旋转2 */
@keyframes shapRound1 {
    0% {
        opacity  : 0;
        transform: scale(0) rotate(0deg);
    }

    6% {
        opacity  : 1;
        transform: scale(1) rotate(-480deg);
    }

    90% {
        opacity      : 0.8;
        transform    : scale(1.5) rotate(-1300deg);
        border-radius: 0px;
        border-width : 1px;
    }

    100% {
        opacity      : 0;
        border-radius: 1000px;
        border-width : 5px;
        transform    : scale(6) rotate(-2100deg);
    }
}

button {
    outline: none;
}

a {
    text-decoration: none;
    color          : #000;
}

a:hover {
    text-decoration: none;
    /* color       : #fff; */
}

ul {
    list-style-type: none;
    margin         : 0;
    padding        : 0;
}

li {
    list-style: none;
}

.foot {
    width     : 100%;
    height    : 180px;
    background: url(../img/foot//bc.png);
    position  : relative;
    overflow  : hidden;

    .word {
        text-align   : center;
        margin-bottom: -10px;
        margin-top   : 5px;

        img {
            height: 80px;
        }


    }

    .foot_box {
        text-align: center;
        width     : 100%;

        .foot_nav {
            width     : 100%;
            text-align: center;

            ul {
                display       : inline-block;
                font-size     : 24px;
                // font-weight: 550;
                height        : 50px;
                text-align    : center;

                li {
                    float          : left;
                    margin-left    : 80px;
                    margin-right   : 80px;
                    // outline     : solid 1px;

                    a {
                        color    : #fff;
                        position : relative;
                        font-size: 20px;

                        .shapeHover {
                            @large     : 50px;
                            width      : @large;
                            height     : @large;
                            position   : absolute;
                            left       : 50%;
                            top        : 50%;
                            margin-left: -25px;
                            margin-top : -25px;
                            border     : solid 1px goldenrod;
                            opacity    : 0;
                        }

                        .shapeHover1 {
                            @large     : 40px;
                            width      : @large;
                            height     : @large;
                            position   : absolute;
                            left       : 50%;
                            top        : 50%;
                            margin-left: -20px;
                            margin-top : -20px;
                            border     : solid 1px yellow;
                            opacity    : 0;
                        }

                        &:hover {
                            transform: rotate(30deg);

                            .shapeHover {
                                animation: shapRound 10s;
                            }

                            .shapeHover1 {
                                animation: shapRound1 10s;
                            }
                        }
                    }
                }
            }
        }

        .foot_imgs {
            width      : 100%;
            margin-left: 60px;
            height     : 56px;
            position   : relative;

            img {
                width       : 40px;
                margin-right: 55px;
                margin-top  : -10px;
            }
        }

        .foot_search {
            position: absolute;
            right   : 60px;
            bottom  : 17px;

            input {

                outline      : none;
                width        : 240px;
                padding-left : 10px;
                border-radius: 20px;
                height       : 30px;
                color        : #000;
                border       : 4px solid gray;
            }

            img {
                vertical-align: middle;
                width         : 23px;
                margin-left   : 10px;
            }
        }
    }
}